<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>CSS弹性盒构建骰子布局</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div>
		<span>1</span>
	</div>
	<div>
		<span>2</span>
		<span>2</span>
	</div>
	<div>
		<span>3</span>
		<span>3</span>
		<span>3</span>
	</div>
	<div>
		<nav>
			<span>4</span>
			<span>4</span>
		</nav>
		<nav>
			<span>4</span>
			<span>4</span>
		</nav>
	</div>
	<div>
		<nav>
			<span>5</span>
			<span>5</span>
		</nav>
		<nav>
			<span>5</span>
		</nav>
		<nav>
			<span>5</span>
			<span>5</span>
		</nav>
	</div>
	<div>
		<nav>
			<span>6</span>
			<span>6</span>
		</nav>
		<nav>
			<span>6</span>
			<span>6</span>
		</nav>
		<nav>
			<span>6</span>
			<span>6</span>
		</nav>
	</div>
</body>

</html>